@import 'src/res/theme/xxhz';

.tourist-list-root {
  padding-top: 20px;
  padding-bottom: .1px;
  .item {
    margin: 0 20px 20px;
    border-radius: 16px;
    overflow: hidden;
    background: white;

    .info-line {
      padding: 22px;

      .title {
        font-size: 30px;
      }

      .date-box {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .surplus {
          padding: 8px 20px;
          background: #FFEFE7;
          border-radius: 50px;
          font-size: 24px;
          color: #FE6C2D;
        }
      }

      .date {
        font-size: 24px;
        color: #888;
        margin: 16px 0;
      }

      .headImgs {
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: flex-start;

        .head {
          margin-left: 20px;
          width: 70px;
          height: 70px;
          border-radius: 50%;
          overflow: hidden;

          image, .taro-img {
            width: 70px;
            height: 70px;
          }
        }
      }
    }
  }

  .img {
    width: 100%;
  }

  .img image, .taro-img {
    width: 100%;
  }

  .listNull {
    width: 100%;
    height: 105vw;
    text-align: center;
    overflow: hidden;

    image, .taro-img {
      width: 295px;
      height: 295px;
      margin: 86px auto 35px;
    }

    .text {
      font-size: 24px;
      color: #666
    }
  }

}
